<template>
  <div class="my-header">
    <div class="title">路信云平台大数据展示中心</div>
  </div>
</template>

<script>
</script>

<style scoped lang='scss'>
.my-header {
  position: relative;
  z-index: 4;
  width: vw(1920);
  height: vh(104);
  background-color: rgba(0, 0, 0, 0.9);
  background-image: url("@/assets/bigscreen3/头部背景.png");
  display: flex;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 100%;
  .title {
    width: vw(704);
    font-size: vh(39);
    font-family: PangMenZhengDao-3, PangMenZhengDao;
    font-weight: 600;
    text-align: center;
    margin-top: vh(12);
    background: linear-gradient(180deg, #00a9ff 0%, #e8feff 50%), #fffde8;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: vw(6);
    white-space: nowrap;
  }
}
</style>